<template>
    <div class="footer">
        <router-view/>
        <ul>
            <li class="icons">
                <router-link :to="{name:'list'}">新闻列表</router-link>
            </li>
            <li class="icons">
                <router-link :to="{name:'add'}">个人中心</router-link>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "Home"
    }
</script>

<style scoped lang="scss">
    li {
        list-style: none;
    }

   /* .footer {
        position: fixed;
        width: 100%;
        height: 60px;
        line-height: 60px;
        left: 0;
        bottom: 0;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-around;
    }

    .icons {
        font-size: 16px;
        flex: 1;
        text-align: center;
        border-top: 1px solid #a2b983;

        a {
            color: #42b983;
            display: block;
            &.active {
                color: #fff;
                background: #42b983;
            }
        }
    }*/
</style>